<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta charset="UTF-8">
	<title>文化校园</title>
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<script type="text/javascript" src="js/flexible.js"></script>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
</head>

<body>
	<!-- 搜索框开始 -->
	<form class="me-form"  id = "me-form">
		<div class="me-form-box" id="me-form-box" >
			<div class="me-form-box-dw"  id = "me-form-box-dw">
				<a href="search.html">
					<div >
						<input type="text" class="index-sss" value="" placeholder="请输入机构名称" name="">
					</div>
				</a>
				<a  id="cancel-search" href="javascript:;">取消</a>
			</div>
		</div>
	</form>
	<!-- 搜索框结束 -->

	<!-- 滑动图开始 -->
	<div class="swiper-container" id="banner">
		<div class="swiper-wrapper" id="banner-list">
			<div class="swiper-slide bj-cs"><img src="images/1.jpg" alt="首页图片"></div>
			<div class="swiper-slide bj-cs"><img src="images/cPic.jpg" alt="首页图片"></div>
			<div class="swiper-slide bj-cs"><img src="images/img1.jpg" alt="首页图片"></div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<!-- 滑动图结束 -->

	<!-- 中部导航开始 -->
	<div>
		<ul class="index-nav">
			<li>
				<a href="Propaganda.html">
					<img src="images/n1.png" alt="" />
					<p style="color: #32b5f9">高校</p>
				</a>
			</li>
			<li>
				<a href="education.html">
					<img src="images/n2.png" alt="" />
					<p style="color: #8a71fa">讲师</p>
				</a>
			</li>
			<li>
				<a href="culture.html">
					<img src="images/n3.png" alt="" />
					<p style="color: #fb725f">文化</p>
				</a>
			</li>
			<li>
				<a href="mechanism.html">
					<img src="images/n4.png" alt="" />
					<p style="color: #fc6085">机构</p>
				</a>
			</li>
			<div class="clear"></div>
		</ul>
	</div>
	<!-- 中部导航结束 -->

	<!-- 首页中部导航图开始 -->
	<a href="video.html">
		<img class="index-banner" src="images/banner1.png" alt="" />
	</a>
	<!-- 首页中部导航图结束 -->

	<!-- 热门活动开始 -->
	<div class="index-hd-box">
		<div class="index-hd-box-hdead">
			<h2 class="fl"><span></span>热门活动</h2>
			<a class="fr" href="activity.html">更多<span></span></a>
			<div class="clear"></div>
		</div>
		<ul class="index-list" id="hot-list">
			<li  class ="hot-list-li">
				<img src="images/blue.png" class="hot-badge">
				<div class="index-list-top">
					<img class="fl" src="images/cPic.jpg" alt=""/>
					<div class="index-list-top-right fr">
						<h3>立夏</h3>
						<p>立夏的到来，宣告着夏天的到来，也代表着一年中最热的时候来临了。</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="index-list-bottom">
					<div class="index-list-bottom-left fl">
						<p>时间：2019-05-05至2019-05-07</p>
						<p>地址：四川省成都市四川旅游学院地陷广场</p>
					</div>
				</div>
			</li>
			<li  class ="hot-list-li">
				<img src="images/gray.png" class="hot-badge">
				<div class="index-list-top">
					<img class="fl" src="images/img1.jpg" alt=""/>
					<div class="index-list-top-right fr">
						<h3>大暑</h3>
						<p>暑是农历二十四节气之一，太阳位于黄经120°。大暑期间，中国民间有饮伏茶，晒伏姜，烧伏香，喝羊肉汤等习俗。</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="index-list-bottom">
					<div class="index-list-bottom-left fl">
						<p>时间：2019-05-05至2019-05-07</p>
						<p>地址：四川省成都市四川旅游学院运动馆场</p>
					</div>
				</div>
			</li>
				<li  class ="hot-list-li">
						<img src="images/gray.png" class="hot-badge">
						<div class="index-list-top">
							<img class="fl" src="images/1.jpg" alt=""/>
							<div class="index-list-top-right fr">
								<h3>小雪</h3>
								<p>二十四节气中的第20个节气，时间点在每年公历11月22日-23日之间，大部分地区逐渐降到0℃以下，虽开始降雪，但雪量不大，故称小雪。</p>
							</div>
							<div class="clear"></div>
						</div>
						<div class="index-list-bottom">
							<div class="index-list-bottom-left fl">
								<p>时间：2018-12-12至2018-12-14</p>
								<p>地址：四川省成都市四川旅游学院A栋教学楼</p>
							</div>
						</div>
				</li>

		</ul>
	</div>
	<!-- 热门活动结束 -->

	<!-- 底部导航开始 -->
	<nav id="nav">
		<a href="index.html">
			<div class="nav-a">
				<img src="images/home1.png" alt="" />
			</div>
		</a>
		<a href="Journalism.html">
			<div class="nav-a">
				<img src="images/n22.png" alt="" />
			</div>
		</a>
		<a href="activity.html">
			<div class="nav-a">
				<img src="images/h11.png" alt="" />
			</div>
		</a>
		<a href="my.html">
			<div class="nav-a">
				<img src="images/m11.png" alt="" />
			</div>
		</a>
	</nav>
	<!-- 底部导航结束 -->

	<!-- banner配置 -->
	<script type="text/javascript">
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: 5000,
			loop: true,
			pagination: '.swiper-pagination'
		})
	</script>

	<script>
		$(document).ready (()=>{
			$(".hot-list-li").click(()=>{
				window.location.href = "activity_xq.html?categoryId=0&currentPage=1&pageSize=4"
			});

			//$("#hot-list").append($(".hot-list-li").clone())
		})
	</script>
</body>

</html>